<%@ Control Language="C#" AutoEventWireup="true" Codebehind="Roles.ascx.cs" Inherits="Doctors_WebForum.Admin.UIControls.Roles" %>
<div class="tab_content">
    <div class="pageIntro">
        <h2>
            Managerment Roles</h2>
        <p>
            Here's administrator can update/view/delete information for Roles of systems.</p>
    </div>
    <div class="contentBox">
        <div class="contentBoxTop">
            <h3>
                <asp:LinkButton ID="lbkListUser" runat="server" OnClick="lbkListUser_Click">List information about roles is exits in systems</asp:LinkButton></h3>
            <label id="search" class="smallInput">
                Quick Find :
                <asp:TextBox ID="txtSearch" runat="server" OnTextChanged="txtSearch_TextChanged"></asp:TextBox>
            </label>
        </div>
        <div class="innerContent">
            <!--Message will active if cann not load data-->
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
            <!--Load list users with paging using datalist controls-->
            <asp:DataList ID="dtlUser" runat="server" CssClass="sTable" DataKeyField="RoleID"
                OnEditCommand="dtlUser_EditCommand" OnCancelCommand="dtlUser_CancelCommand" OnUpdateCommand="dtlUser_UpdateCommand"
                OnDeleteCommand="dtlUser_DeleteCommand">
                <HeaderTemplate>
                    <thead id="table_header">
                        <tr>
                            <th>
                                <strong>
                                    <asp:LinkButton ID="lbkRoleID" OnClick="RoleID" runat="server">RoleID</asp:LinkButton></strong></th>
                            <th>
                                <strong>
                                    <asp:LinkButton ID="lbkRoleName" OnClick="RoleName" runat="server">RoleName</asp:LinkButton></strong></th>
                            <th>
                                <strong>Description</strong>
                            </th>
                            <th>
                                <strong style="float: right; margin-right: 50px;">Edit</strong></th>
                        </tr>
                    </thead>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr class="oddRow">
                        <td class="firstCol">
                            <a href="Default.aspx?view=Roles&Id=<%#Eval("RoleID") %>">
                                <%#DataBinder.Eval(Container.DataItem, "RoleID")%>
                            </a>
                        </td>
                        <td class="secondCol">
                            <%#Eval("RoleName")%>
                        </td>
                        <td>
                            <%#Eval("Description")%>
                        </td>
                        <td class="editItem">
                            <ul>
                                <li class="iconEdit">
                                    <asp:LinkButton Text="edit" CommandName="Edit" runat="server" ID="lbtnEdit" />
                                </li>
                                <li class="iconDel">
                                    <asp:LinkButton Text="delete" CommandName="Delete" runat="server" ID="lbtnDelete" />
                                </li>
                            </ul>
                        </td>
                    </tr>
                </ItemTemplate>
                <EditItemTemplate>
                    <tr class="edit_content">
                        <td>
                            <%#Eval("RoleID")%>
                        </td>
                        <td class="secondCol">
                            <asp:TextBox ID="txtRoleName" runat="server" Text='<%#Eval("RoleName") %>'></asp:TextBox>
                        </td>
                        <td>
                            <asp:TextBox ID="txtDescription" TextMode="MultiLine" runat="server" Text='<%#Eval("Description") %>'>
                            </asp:TextBox>
                        </td>
                        <td class="editItem">
                            <ul>
                                <li class="iconCancel">
                                    <asp:LinkButton Text="cancel" CommandName="Cancel" runat="server" ID="lbtnCancel" />
                                </li>
                                <li class="iconUpdate">
                                    <asp:LinkButton Text="update" CommandName="Update" runat="server" ID="lbtnUpdate" />
                                </li>
                            </ul>
                        </td>
                    </tr>
                </EditItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:DataList>
        </div>
        <!--end of #box-3-->
    </div>
    <div class="contentBox" id="pages">
        <div class="contentBoxTop">
            <h3>
                Managerment information of roles</h3>
            <ul class="switcherTabs">
                <li class="selected"><a href="#box-1">Add New</a>
                    <!-- the link location of this tab refers to the id of the related div -->
                </li>
                <li><a href="#box-2">Edit Role</a></li>
            </ul>
        </div>
        <div class="innerContent" id="box-1">
            Parent ID
            <br />
            <label class="smallInput">
                <asp:TextBox ID="txtParentID" runat="server"></asp:TextBox>
            </label>
            <p>
                Title
                <br />
                <label class="mediumInput">
                    <asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>
                </label>
            </p>
            <p>
                Description
                <br />
                <label class="textarea">
                    <asp:TextBox TextMode="MultiLine" ID="txtDescription" runat="server"></asp:TextBox>
                </label>
            </p>
            <p>
                Order<br />
                <label>
                    <asp:TextBox ID="txtOrder" runat="server"></asp:TextBox>
                </label>
            </p>
            <p>
                <input name="" type="image" src="images/bt_submit.gif" />
            </p>
        </div>
        <!--end of #box-1-->
        <div class="innerContent" id="box-2" style="display: none">
            implement edit for Categories
        </div>
    </div>
</div>
